<template>
<!--  <div class="app-container">-->
  <sn-row-has-four-col
      class="to-flex"
      :one="2"
      :two="6"
      :three="7">
<!--    -->

<!--    <el-form :model="queryParams" ref="queryForm" v-show="showSearch" :inline="true">-->
<!--    <el-form-item label="处方类别" prop="status">-->
<!--      <el-select-->
<!--        v-model="queryParams.status"-->
<!--        placeholder="类别"-->
<!--        clearable-->
<!--        size="small"-->
<!--        style="width: 240px"-->
<!--      >-->
<!--        <el-option-->
<!--          v-for="dict in dict.type.sys_normal_disable"-->
<!--          :key="dict.value"-->
<!--          :label="dict.label"-->
<!--          :value="dict.value"-->
<!--        />-->
<!--      </el-select>-->
<!--    </el-form-item>-->
<!--      <el-form-item label="权限字符" prop="roleKey">-->
<!--        <el-input-->
<!--          v-model="queryParams.roleKey"-->
<!--          placeholder="请输入权限字符"-->
<!--          clearable-->
<!--          size="small"-->
<!--          style="width: 240px"-->
<!--          @keyup.enter.native="getInputValue"-->
<!--        />-->
<!--      </el-form-item>-->
<!--      <el-form-item>-->
<!--        <el-button type="primary" icon="el-icon-search" size="mini" @click="getInputValue">搜索</el-button>-->
<!--        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>-->
<!--      </el-form-item>-->
<!--    </el-form>-->

<!--:data-label="选择类别"-->

            <sn-text
              text="处方类别"
              slot="one-col"

              class="margin-top-20 margin-lin"


            />
<!--            :move-down="10"-->
    <sn-select
         selectPlaceholder="选择类别"
        :to-select="0"
        :select-data="dict.type.prescription_type"
        slot="two-col"
        @selectChange="findInfo"
        class="to-flex  margin-left margin-lin-select"
        :select-style="{'width':'180px'}">
<!--      <sn-text-->
<!--        text="处方类别"-->
<!--        slot="title"-->
<!--        class="margin-right-20"-->
<!--        :move-down="10"-->

<!--      />-->
<!--      :move-down="10"-->
    </sn-select>


    <sn-search-input
        @inputContentChange="getInputValue"
        input-placeholder="输入药品名称/编码"
        slot="three-col"
        class="move-down-little to-flex"
        inputStyle="{'margin-top':'40px'}">

<!--    <sn-text-->
<!--      text="根据药品名称/编码搜索"-->
<!--      slot="title"-->
<!--      class="margin-left-20"-->
<!--      fontWeight="text-center"-->

<!--    />-->
    </sn-search-input>
  </sn-row-has-four-col>
<!--  </div>-->
</template>

<script>
export default {
  name: "DrugChangePriceFindInfoBar",
  dicts: ['prescription_type'],
  data() {
    return {
      // 查询参数
      queryParams:{

      }
    }
  },
  methods: {
    //获取处方类型
    findInfo(selectValue) {
      this.$emit("getValue", selectValue)
    },
    //获取药品名称
    getInputValue(inputValue) {
      this.$emit("getInputValue", inputValue)
    }
  }
}
</script>

<style scoped>
.move-down-little {
  position: relative;
  top: 3px;
}
.margin-lin{
  margin-top: 10px;
}
.margin-lin-select{

}
</style>
